import React,{useState} from 'react'
import {connect} from 'react-redux'
function comA(props){
    return (
        <div>
            <button onClick={handhleClick.bind(this,props)}>+</button>
        </div>
    )
}
function handhleClick(props){
    console.log('comA',props)
    props.sendAction()
}
const mapDispatchToProps=(dispatch)=>{
     return {
         sendAction:()=>{
             dispatch({
                 type:'add_action',
                 payload: 'Learn Redux'
             })
         }
     }
}
//connect第一个接收数据的函数，第二个发送action 的函数
export default connect(null,mapDispatchToProps)(comA)


// import React, { Component } from 'react'
// import {connect} from 'react-redux'
//  class comA extends Component {
//     handhleClick = ()=>{
//         console.log('comA',this.props)
//     }
//     render() {
//         return (
//             <div>
//                 <button onClick={this.handhleClick}>+</button>
//             </div>
//         )
//     }
// }
// const mapDispatchToProps=(dispatch)=>{
//      return {
//          sendAction:()=>{
//              dispatch({
//                  type:'add_action'
//              })
//          }
//      }
// }
// export default connect(null,mapDispatchToProps)(comA)

